<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>我的家乡-民俗篇</title>

    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/animate.min.css">

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <div class="wrap">
      <!-- header部分 -->
      <div class="header">
        <div class="content">
          <div class="header-left">
            <h3>我的家乡</h3>
          </div>
          <div class="header-mid">
              <ul id="nav"  class="animated fadeInLeft">
                  <li><a href="file:///E:/桌面a/我的家乡/index.html"><span>首页</span></a></li>
                  <li><a href="file:///E:/桌面a/我的家乡/food.html"><span>美食</span></a></li>
                  <li><a href="file:///E:/桌面a/我的家乡/scenery.html"><span>景点</span></a></li>
                  <li class="active"><a href="file:///E:/桌面a/我的家乡/custom.html"><span>民俗</span></a></li>
              </ul>
          </div>
          <div class="header-right">
            <a href="https://baike.baidu.com/item/成都/128473?fr=aladdin"><button>Welcome</button></a>
        </div>
        </div>
      </div>
      <!-- custom部分 -->
      <div class="custom">
          <div class="jumbotron">
            <div class="container">
                <h2>经典民俗</h2>
                <p>老成都的六大经典民俗：鱼市、竹器、凉席、水桶、打草鞋、代客冒饭让你惊叹不已</p>
                <p>
                    <a class="btn btn-primary btn-lg">老成都</a>
                </p>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <h1>鱼市</h1>
                    <p>成都不是水城，水产品种甚少。但有锦江和解玉溪，所以老成都人不愁没有鱼吃。泥鳅黄鳝之类绝不像今天这么贵重，一般人都吃得起。鲤鱼鲫鱼甚多，丝毫不稀罕。<br>
                      除了走街串巷卖鱼的，老成都还有南门大街、湖广馆街的鱼市虾市。拂晓之时，城内城周以捕鱼虾为生的人便拥入鱼市虾市，一天的劳碌便开始了。</p>
                    <a class="btn btn-info">老成都</a>
                </div>
                <div class="col-md-4">
                    <h1>竹器</h1>
                    <p>竹子是南方的植物，竹器也大多只能在湿润的南方使用，到了干燥的北方就会爆裂散架。即便是在成都，竹器和任何东西一样，用久了也会坏。譬如竹椅的靠背坐垫破朽不堪了，竹凳的一只腿瘸了，筲箕的边张开了，竹篮烘笼的蔑条掉了，马架子坐的竹条断了。可以留着，等修竹器的一吆喝，全都整旧如新。</p>
                    <a class="btn btn-info">老成都</a>
                </div>
                <div class="col-md-4">
                    <h1>凉席</h1>
                    <p>随着季节的变换，人们的需求也相应有所不同。冬天的围炉取暖，夏夜的树下纳凉都极富情调。老成都的夏天，就有许多“出卖清凉”的职业，有的小孩专在茶馆理发铺等公共场所为人摇扇，充当别人的“电风扇”，有卖凉悠悠甜滋滋的冰粉凉水的……那时也有人瞅准了“售后服务”这一行，不过维修的不是家用电器，而是补扇子、补凉席之类。<br></p>
                    <a class="btn btn-info">老成都</a>
                </div>
            </div>
          </div><br><br>
            <div class="container">
              <div class="row">
                  <div class="col-md-4">
                    <h1>水桶</h1>
                    <p>老成都人家家户户离不得水桶。那时没有自来水，得用水桶去井里提水，到河边挑水。老成都人几乎所有的日常生活用具都是耐用消费品，哪怕是锅碗瓢盆，筷子刷把，几十年不换，说不定还是传家宝。水桶也不例外。<br>
                      木桶漏水了，或散架了，断然不会拿那木块来当柴烧。若是小毛病可以自己动手修理，大毛病就让专业箍桶匠来医治。木桶用的年代久了，桶的内壁甚至还有一层滑滑的青苔。</p>
                      <a class="btn btn-info">老成都</a>
                  </div>
                  <div class="col-md-4">
                      <h1>打草鞋</h1>
                      <p>鞋只是脚的保护性外套。老成都最便宜的鞋是草鞋。<br> 成都是粮仓，谷草麦草秧草席草甚多，打草鞋，盖草房、编草帽、捆货物、编草席的原料是不缺少的。<br>
                        乡场上都有打草鞋卖的铺子，而且许多人家都有打草鞋的技艺。这也算是就地取材了。在埃及也曾发现一只用纸莎草编织的鞋子，时间大约在公元前2000年左右，和老成都的草鞋异曲同工。</p>
                      <a class="btn btn-info">老成都</a>
                  </div>
                  <div class="col-md-4">
                      <h1>代客冒饭</h1>
                      <p>老成都服务行业的周到细致颇有人情味，茶馆里卖香烟的可以论支卖，卖水人挑的是河心水，碗破了有人补，刀钝了有人磨，屋漏了有人捡瓦，天冷了有人出卖温暖，天热了有人出卖清凉……面馆里还有一项便民措施：代客冒饭。<br>
                        顾客带碗冷饭，馆子里会用面汤将饭冒得热气腾腾而不收分文。若是兜里还有几个小钱，也可以来碗素面肥肠煮凉粉什么的做菜。这种吃法，今天的人可能闻所未闻吧。这类琐屑的营生之多，也说明老成都有许多缺乏生计的城市贪民。</p>
                      <a class="btn btn-info">老成都</a>
                  </div>
                </div>
                </div>
            </div><br><br>
      <!-- poetry部分 -->
     <div class="poetry">
      <div class="content">
         <div class="container">
           <div class="page-header">
             <h1>邂逅成都</h1>
           </div>
         </div>
           <div class="container">
             <div class="row">
               <div class="col-md-4">
                   <div class="caption">
                     <h3>唐张籍《成都曲》</h3>
                     <p>锦江近百烟水绿，新雨山头荔枝熟。</p>
                     <p>万里桥边多酒家，游人爱向谁家宿？</p>
                   </div>
                 </div>
                 <div class="col-md-4">
                   <div class="caption">
                     <h3>杜甫《春夜喜雨》</h3>
                     <p>好雨知时节，当春乃发生。</p>
                     <p>随风潜入夜，润物细无声。</p>
                     <p>野径云俱黑，江船火独明。</p>
                     <p>晓看红湿处，花重锦官城。</p>
                   </div>
                 </div>
                 <div class="col-md-4">
                   <div class="caption">
                     <h3>岑参《万里桥》</h3>
                     <p>成都与维扬，相去万里地。</p>
                     <p>沧江东流疾，帆去如鸟翅。</p>
                     <p>楚客过此桥，东看尽垂泪。</p>
                   </div>
                 </div>
               </div>
        </div>
   </div>
 </div>
    </div>

    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
  </body>
</html>